<template>
  <div>
    <van-nav-bar :title="item" />
    <router-view></router-view>
    <van-tabbar v-model="item" route active-color="#008800">
      <van-tabbar-item name="首页" to="/tool/index" icon="home-o"
        >首页</van-tabbar-item
      >
      <van-tabbar-item name="分类" to="/tool/cate" icon="search"
        >分类</van-tabbar-item
      >
      <van-tabbar-item name="购物车" to="/tool/car" icon="friends-o"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item name="我的" to="/tool/my" icon="setting-o"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
const item = ref<string>("首页");
</script>

<style scoped></style>
